// 编辑地址
<template>
	<div id="edit">
		<div class="edit_div">
			<div class="top_div">
				<img src="../assets/left.png" />
				<span>编辑收货地址</span>
				<span>保存</span>
			</div>

			<div class="body_div">
				<div class="item_div">
					<p class="top2_div">
						所在城市：
						<input type="text" value="新乡市" />
					</p>
				</div>
				<div class="item_div">
					<p>
						小区/大厦/学校：
						<input type="text" value="新乡职业技术学院" />
					</p>
				</div>

				<div class="item_div">
					<p>
						楼号-门派号：
						<input type="text" value="2号楼10层" />
					</p>
				</div>

				<div class="item_div">
					<p>
						收货人：
						<input type="text" value="小慕" />
					</p>
				</div>

				<div class="item_div">
					<p>
						联系电话：
						<input type="text" value="18911023277" />
					</p>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
</script>

<style>
	#edit {
		background: #f8f8f8;
		height: 100%;
		position: fixed;
		width: 100%;
	}

	.item_div {
		height: 44px;
		line-height: 44px;
		padding-left: 18px;
		padding-right: 18px;
	}

	.item_div input {
		border: none;
		height: 20px;
		font-size: 14px;
		color: #333333;
		line-height: 20px;
	}

	.body_div {
		display: flex;
		flex-direction: column;

		margin-top: 20px;
		background: #ffffff;
		height: 224px;
	}

	.body_div p {
		border-top: 1px solid #dadada;
		font-size: 14px;
	}

	.body_div .top2_div {
		border-top: none;
	}

	.body_div p span {
		color: #999999;
	}

	.top_div {
		display: flex;
		justify-content: space-between;
		align-items: center;
		background: #ffffff;
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 15px;
		padding-top: 10px;
	}

	.top_div img {
		height: 16px;
		width: 9.3px;
	}

	.top_div :nth-child(2) {
		font-size: 16px;
	}

	.top_div :nth-child(3) {
		font-size: 14px;
	}
</style>
